<!DOCTYPE html>
<html lang="cs">
	<head>
		<meta charset="utf-8" />
		<title>Příklad 3-5</title>
		<meta name="author" content="Daniel Bielczyk" />
	</head>
	<body style="margin: 0; padding: 0;">
		
		<canvas width="1850" height="1000" id="canvas"></canvas>
    
<script>

var canvas = document.getElementById("canvas");
var context = canvas.getContext("2d");

context.moveTo(665, 85);
context.bezierCurveTo(891, 296, 734, 656, 444, 656);
context.bezierCurveTo(154, 656, -3, 296, 223, 85);
context.bezierCurveTo(24, 306, 199, 607, 444, 607);
context.bezierCurveTo(689, 607, 864, 306, 665, 85);

context.moveTo(704, 328);
context.bezierCurveTo(687, 480, 561, 564, 444, 564);
context.bezierCurveTo(298, 564, 184, 440, 184, 305);
context.bezierCurveTo(184, 153, 304, 44, 427, 44);
context.bezierCurveTo(551, 44, 638, 150, 638, 253);
context.bezierCurveTo(638, 359, 550, 470, 433, 470);
context.bezierCurveTo(324, 470, 277, 393, 277, 388);
context.bezierCurveTo(282, 388, 297, 408, 330, 408);
context.bezierCurveTo(371, 408, 418, 374, 416, 321);
context.bezierCurveTo(416, 274, 381, 236, 331, 236);
context.bezierCurveTo(278, 236, 245, 277, 245, 321);
context.bezierCurveTo(245, 414, 349, 514, 476, 514);
context.bezierCurveTo(555, 514, 673, 460, 704, 328);

context.fill();

context.font = "135px Arial";
context.textAlign = "center";
context.fillText("UNIVERSITAS", 444, 827);

context.font = "96px Arial";
context.fillText("OSTRAVIENSIS", 444, 924);

var osu = new Image();
osu.src = "./osu-logo.png";
osu.onload = function() {
  context.drawImage(osu, 920, 24);
}

</script>
		
	</body>
</html>